<%-- 
    Document   : index
    Created on : 02-dic-2012, 13:41:38
    Author     : froy
--%><%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="/bibliotecaUNIVA/rs/css/jqueryUI/ui-lightness/jquery-ui-1.9.2.custom.min.css" />
        <script type="text/javascript" src="/bibliotecaUNIVA/rs/js/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="/bibliotecaUNIVA/rs/js/jquery-ui-1.9.2.custom.js"></script>
        <title>Jquery UI</title>
    </head>
    <body>
        <h1>Hello World!</h1>
        <input type="button" value="Open Dialog" id="_btnOpenDialog"/>
        <div id="_divDialog" style="display: none">
            <jsp:include page="add.jsp">
                <jsp:param name="rid" value="document.getElementById('DIRECTOR').value" />
            </jsp:include>
        </div>
    </body>
</html>
<script type="text/javascript">
    $(document).ready(function() {
        listenerControls();
    });

    /**
     * Escuchador de los controles.
     */
    function listenerControls() {
        $('#_btnOpenDialog').click(function() {
            $("#_divDialog").dialog({
                resizable: false,
                height: 340,
                width: 400,
                modal: true,
                title: 'Registrar Película'
            });
        });
    }
</script>